<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<style>
    .form-group .state-error input {
        background: #fff0f0;
        border-color: #A90329
    }

    .col-sm-6 .state-error input {
        background: #fff0f0;
        border-color: #A90329
    }

    .form-group .state-error em {
        display: block;
        margin-top: 6px;
        padding: 0 1px;
        font-style: normal;
        font-size: 11px;
        line-height: 15px;
        color: #D56161
    }

    .form-group .state-success input {
        background: #f0fff0;
        border-color: #7DC27D
    }

    .col-sm-6 .state-success input {
        background: #f0fff0;
        border-color: #7DC27D
    }

    .form-group input:hover {
        border-color: #5D98CC
    }

    .input-group {
        width: 50%;
    }

    .attributeError {
        color: #d56161;
        display: block;
        font-size: 11px;
        font-style: normal;
        line-height: 15px;
        margin-top: 6px;
        padding: 0 1px;
    }

</style>
<div>
    <div>
        <strong>Group ID : </strong>
        <i>"${group.id}"</i>
        <br />
        <strong>Group Name : </strong>
        <i>"${group.name}"</i>
    </div>

    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title" id="projectModalLabel"><spring:message code="GROUP_SELECT_PROJECT"/></h4>
        </div>
        <div class="modal-body">
            <div id="m_project_dialog_alert" class="alert alert-warning margin-bottom-10 fade in"
                 style="display:none; margin-bottom:10px;"></div>
            <div class="">
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label><spring:message code="GROUP_SELECTED_PROJECT"/> </label> <i id="project_caret_down"
                                                                                               class="fa fa-caret-down"
                                                                                               style="cursor:pointer;"></i>
                            <div>
                                <input id="m_slt_project" style="width:100%">
                                </input>
                            </div>
                            <hr/>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <%--<div class="form-group">--%>
                        <label><spring:message code="GROUP_AVAILABLE_PROJECT"/></label>
                        <%--</div>--%>
                        <div class="table-responsive">
                            <table id="m_tb_project"
                                   class="table table-striped table-condensed table-hover smart-form has-tickbox">
                                <thead>
                                <tr>
                                    <th>
                                        <label class="checkbox">
                                            <input type="checkbox" id="m_tb_project_topCheck" name="checkbox-inline"
                                                   class="">
                                            <i></i>
                                        </label>
                                    </th>
                                    <th><spring:message code="GROUP_PROJECT_NAME"/></th>
                                    <th><spring:message code="GROUP_PROJECT_CODE"/></th>
                                    <th><spring:message code="GROUP_PROJECT_DESCRIPTION"/></th>
                                </tr>
                                </thead>
                                <tbody id="m_tb_project_body">
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button id="m_btn_add_project" type="button" class="btn btn-default" data-dismiss="modal">
                <spring:message code="GROUP_PROJECT_ADD"/>
            </button>
            <button type="button" class="btn btn-default" data-dismiss="modal">
                <spring:message code="GLOBAL_BUTTON_CANCEL"/>
            </button>
        </div>
    </div><!-- /.modal-content -->

    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title" id="memberModalLabel"><spring:message code="GROUP_SELECT_MEMBER"/></h4>
        </div>
        <div class="modal-body">
            <div id="m_member_dialog_alert" class="alert alert-warning margin-bottom-10 fade in"
                 style="display:none; margin-bottom:10px;"></div>
            <div class="">
                <div class="row">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label><spring:message code="GROUP_SELECTED_MEMBER"/> </label> <i id="member_caret_down"
                                                                                               class="fa fa-caret-down"
                                                                                               style="cursor:pointer;"></i>
                            <div>
                                <input id="m_slt_member" style="width:100%">
                                </input>
                            </div>
                            <hr/>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <%--<div class="form-group">--%>
                        <label><spring:message code="GROUP_AVAILABLE_MEMBER"/></label>
                        <%--</div>--%>
                        <div class="table-responsive">
                            <table id="m_tb_member"
                                   class="table table-striped table-condensed table-hover smart-form has-tickbox">
                                <thead>
                                <tr>
                                    <th>
                                        <label class="checkbox">
                                            <input type="checkbox" id="m_tb_member_topCheck" name="checkbox-inline"
                                                   class="">
                                            <i></i>
                                        </label>
                                    </th>
                                    <th><spring:message code="GROUP_MEMBER_NAME"/></th>
                                    <th><spring:message code="GROUP_MEMBER_EMAIL"/></th>
                                </tr>
                                </thead>
                                <tbody id="m_tb_member_body">
                                </tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button id="m_btn_add_member" type="button" class="btn btn-default" data-dismiss="modal">
                <spring:message code="GROUP_MEMBER_ADD"/>
            </button>
            <button type="button" class="btn btn-default" data-dismiss="modal">
                <spring:message code="GLOBAL_BUTTON_CANCEL"/>
            </button>
        </div>
    </div><!-- /.modal-content -->
</div>
<script src="js/core/business/group/groupSettingInit.js"></script>
